<!doctype html>
<html class="no-js" lang="zxx">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="manifest" href="site.webmanifest">
		<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
        <!-- Place favicon.ico in the root directory -->

		<!-- CSS here -->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
        <link rel="stylesheet" href="assets/css/animate.min.css">
        <link rel="stylesheet" href="assets/css/magnific-popup.css">
        <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
        <link rel="stylesheet" href="assets/css/themify-icons.css">
        <link rel="stylesheet" href="assets/css/meanmenu.css">
        <link rel="stylesheet" href="assets/css/slick.css">
        <link rel="stylesheet" href="assets/css/main.css">
        <link rel="stylesheet" href="assets/css/responsive.css">

        <!-- Slider Revolution CSS Files -->
        <link rel="stylesheet" type="text/css" href="assets/rs/css/settings.css">
        <link rel="stylesheet" type="text/css" href="assets/rs/css/layers.css">
        <link rel="stylesheet" type="text/css" href="assets/rs/css/navigation.css">
    </head>
    <body>

        <!-- header-start -->
		<header>
            <div class="header-top-area header-4 d-none d-md-block">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-8 col-lg-9 col-md-6 d-flex align-items-center">
                            <div class="header-info">
                                <span class="mail-header-icon"><i class="far fa-clock"></i> Mon - Fri: 9:00 - 19:00 / Closed on Weekends</span>
                                <span class="mail-header-icon"><i class="far fa-phone"></i> Flat 20, Reynolds USA</span>
                                <span ><i class="far fa-envelope-open"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b3c0c6c3c3dcc1c7f3c1ded2dadf9dd0dcde">[email&#160;protected]</a></span>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-3 col-md-6">
                            <div class="header-top-right f-right ">
                                <div class="header-1-icon f-right d-none d-md-block">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                    <a href="#"><i class="fab fa-behance"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header-middle-area">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-3 col-lg-3 col-md-4 d-none d-lg-block">
                            <div class="header-lang  pos-rel">
                                <div class="lang-icon">
                                    <img src="assets/img/icon/flag.png" alt="">
                                    <a href="#">English <i class="far fa-angle-down"></i></a>
                                </div>
                                <ul class="header-lang-list">
                                    <li><a href="#">USA</a></li>
                                    <li><a href="#">UK</a></li>
                                    <li><a href="#">CA</a></li>
                                    <li><a href="#">AU</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6  col-md-4 d-flex align-items-center  justify-content-lg-center">
                            <div class="logo">
                                <a href="index.html"><img src="assets/img/logo/logo-coral.png" alt="" /></a>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-4 d-none d-lg-block">
                            <div class="header-2-button f-right">
                                <a class="b-btn btn-coral" href="#">
                                    <span>get a quote</span>
                                </a>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mobile-menu"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-menu-area coral-menu d-none d-lg-block">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-9 col-lg-9">
                            <div class="main-menu">
                                <nav id="mobile-menu">
                                    <ul>
                                        <li class="active"><a href="index.html">home</a>
                                            <ul class="sub-menu text-left">
                                                <li><a href="index.html">home 1</a></li>
                                                <li><a href="index-2.html">home 2</a></li>
                                                <li><a href="index-3.html">home 3</a></li>
                                                <li><a href="index-4.html">home 4</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="services-01.html">Services</a>
                                            <ul class="sub-menu text-left">
                                                <li><a href="services-01.html">services 01</a>
                                                <li><a href="services-02.html">services 02</a></li>
                                                <li><a href="services-03.html">services 03</a></li>
                                                <li><a href="services-details.html">services details</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="case.html">Case</a>
                                            <ul class="sub-menu text-left">
                                                <li><a href="case.html">case</a></li>
                                                <li><a href="case-02.html">case 02</a></li>
                                                <li><a href="case-03.html">case 03</a></li>
                                                <li><a href="case-04.html">case 04</a></li>
                                                <li><a href="case-details.html">case details</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="#">pages</a>
                                            <ul class="sub-menu text-left">
                                                <li><a href="about-us-01.html">about us 01</a></li>
                                                <li><a href="about-us-02.html">about us 02</a></li>
                                                <li><a href="brand.html">brand</a></li>
                                                <li><a href="faq.html">faq</a></li>
                                                <li><a href="certification.html">certification</a></li>
                                                <li><a href="our-history.html">our history</a></li>
                                                <li><a href="team.html">team</a></li>
                                                <li><a href="contact.html">contact</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="blog.html">blog </a>
                                            <ul class="sub-menu text-left">
                                                <li><a href="blog.html">blog</a></li>
                                                <li><a href="blog-3-column.html">blog 3 column</a></li>
                                                <li><a href="blog-left-sidebar.html">blog left sidebar</a></li>
                                                <li><a href="blog-details.html">blog details</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="contact.html">contact</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 d-none d-lg-block">
                            <div class="header-right">
                                <div class="header-right-info f-right">
                                    <div class="heder-right-icon f-left">
                                        <img src="assets/img/icon/phone-2.png" alt="">
                                    </div>
                                    <div class="header-right-text">
                                        <h5>available</h5>
                                        <span>+812 (345) 6789</span>
                                    </div>
                                </div>
                                <div class="menu-bar f-right d-none d-lg-block">
                                    <a class="info-bar" href="javascript:void(0);"><i class="fal fa-bars"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="extra-info">
                <div class="close-icon">
                    <button>
                        <i class="far fa-window-close"></i>
                    </button>
                </div>
                <div class="logo-side mb-30">
                    <a href="index.html">
                        <img src="assets/img/logo/white.png" alt="" />
                    </a>
                </div>
                <div class="side-info mb-30">
                    <div class="contact-list mb-30">
                        <h4>Office Address</h4>
                        <p>123/A, Miranda City Likaoli
                            Prikano, Dope</p>
                    </div>
                    <div class="contact-list mb-30">
                        <h4>Phone Number</h4>
                        <p>+0989 7876 9865 9</p>
                        <p>+(090) 8765 86543 85</p>
                    </div>
                    <div class="contact-list mb-30">
                        <h4>Email Address</h4>
                        <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="2841464e47684d50494558444d064b4745">[email&#160;protected]</a></p>
                        <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b4d1ccd5d9c4d8d19ad9d5ddd8f4dcc1d99ad7dbd9">[email&#160;protected]</a></p>
                    </div>
                </div>
                <div class="instagram">
                    <a href="#">
                        <img src="assets/img/portfolio/p1.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="assets/img/portfolio/p2.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="assets/img/portfolio/p3.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="assets/img/portfolio/p4.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="assets/img/portfolio/p5.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="assets/img/portfolio/p6.jpg" alt="">
                    </a>
                </div>
                <div class="social-icon-right mt-20">
                    <a href="#">
                        <i class="fab fa-facebook-f"></i>
                    </a>
                    <a href="#">
                        <i class="fab fa-twitter"></i>
                    </a>
                    <a href="#">
                        <i class="fab fa-google-plus-g"></i>
                    </a>
                    <a href="#">
                        <i class="fab fa-instagram"></i>
                    </a>
                </div>
            </div>
        </header>
        <!-- header-start -->

        <main>
            <!-- slider start -->
            <div class="hero-slider-area">
                <div id="rs_slider_wrapper_02" class="rev_slider_wrapper fullwidthbanner-container" data-alias="home-02"
                    data-source="gallery"
                    style="margin:0px auto;background:transparent;padding:0px;margin-top:0px;margin-bottom:0px;">
                    <!-- START REVOLUTION SLIDER 5.4.7 fullwidth mode -->
                    <div id="rs_slider_02" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.4.7">
                        <ul>
                            <!-- SLIDE 01 -->
                            <li data-index="rs-01" data-transition="random" data-slotamount="default" data-hideafterloop="0"
                                data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default"
                                data-thumb="assets/img/slider/slider-4-1.jpg" data-rotate="0" data-saveperformance="off"
                                data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5=""
                                data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="assets/img/slider/slider-4-1.jpg" alt="" data-bgposition="center center" data-bgfit="cover"
                                    data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                                <!-- LAYERS -->

                                <!-- LAYER NR. 1 -->
                                <div class="tp-caption rev_group" id="rs-layer-01" data-x="['left','left','left','left']"
                                    data-hoffset="['370','80','97','20']" data-y="['top','top','top','top']"
                                    data-voffset="['250','220','226','200']" data-width="['800', '800', '800', '800']"
                                    data-height="['220','220','220','100']" data-whitespace="nowrap" data-type="group" data-responsive_offset="on"
                                    data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"
                                    style="z-index: 6; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #222; letter-spacing: 0px;">

                                    <div class="tp-caption" id="rs-layer-03" data-x="['left','left','left','left']"
                                        data-hoffset="['-10','-10','-10','-10']" data-y="['middle','middle','middle','middle']"
                                        data-voffset="['-100','-90','-90','-100']" data-width="none" data-height="none"
                                        data-whitespace="nowrap" data-type="text" data-responsive_offset="on" data-start="800"
                                        data-frames='[{"delay":"+0","speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                        data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]"
                                        data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']"
                                        data-paddingtop="[5,5,5,5]" data-paddingright="[10,10,10,10]" data-paddingbottom="[5,5,5,5]"
                                        data-paddingleft="[10,10,10,10]" data-fontsize="['16', '17', '17', '16']"
                                        data-lineheight="['26', '26', '26', '26']"
                                        style="z-index: 9; white-space: nowrap; font-size: 16px; line-height: 30px; color: #05103b;font-family:'Roboto', sans-serif;font-weight: 700;text-transform: uppercase;border-radius: 5px;">
                                        25 years of experience we provide services
                                    </div>

                                    <!-- LAYER NR. 2 -->
                                    <div class="tp-caption NotGeneric-Title  tp-resizeme" id="rs-layer-02"
                                        data-x="['left','left','left','left']" data-hoffset="['-2','-2','-2','-2']"
                                        data-y="['middle','middle','middle','middle']" data-voffset="['30','20','10','-20']"
                                        data-width="['850', '820', '600', '400']" data-height="none" data-whitespace="normal"
                                        data-type="text" data-responsive_offset="on"
                                        data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
                                        data-transform_out="s:700;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                                        data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="500" data-splitin="none"
                                        data-splitout="none" data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]"
                                        data-marginbottom="[0,0,0,0]" data-marginleft="[0,0,0,0]"
                                        data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
                                        data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                        data-fontsize="['75', '60', '50', '40']" data-lineheight="['85', '80', '65', '50']"
                                        style="z-index: 7;white-space: normal; font-size: 75px; line-height: 60px; font-weight: 700; color: #05103b; letter-spacing: 0px;font-family:'Roboto', sans-serif;">
                                        Buildmart Costruction
                                        Industrial Company
                                    </div>
                                    <!-- LAYER NR. 3 -->
                                </div>
                                <!-- LAYER NR. 1 -->

                                <!-- LAYER NR. 2 -->
                                <div class="tp-caption  " id="rs-layer-04" data-x="['left','left','left','left']"
                                    data-hoffset="['375','80','101','20']" data-y="['middle','middle','middle','middle']"
                                    data-voffset="['130','100','100','40']" data-width="450" data-height="none"
                                    data-whitespace="normal" data-type="text" data-responsive_offset="on" data-responsive="off"
                                    data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                    style="z-index: 5; white-space: normal; font-size: 20px; line-height: 22px; font-weight: 400; color: #444; letter-spacing: 0px;font-family:'Roboto', sans-serif;">
                                    <div class="bd-slider-button">
                                        <a class="b-btn btn-coral" href="#"> <span>get started</span></a>
                                    </div>
                                </div>
                            </li>
                            <!-- SLIDE 02 -->
                            <li data-index="rs-02" data-transition="random" data-slotamount="default" data-hideafterloop="0"
                                data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="default"
                                data-thumb="assets/img/slider/slider-4-2.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide"
                                data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7=""
                                data-param8="" data-param9="" data-param10="" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="assets/img/slider/slider-4-2.jpg" alt="" data-bgposition="center center" data-bgfit="cover"
                                    data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                                <!-- LAYERS -->

                                <!-- LAYER NR. 1 -->
                                <div class="tp-caption rev_group" id="rs-layer-01-1" data-x="['left','left','left','left']"
                                    data-hoffset="['370','80','97','20']" data-y="['top','top','top','top']"
                                    data-voffset="['250','220','226','200']" data-width="['800', '800', '800', '800']"
                                    data-height="['220','220','220','100']" data-whitespace="nowrap" data-type="group" data-responsive_offset="on"
                                    data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"
                                    style="z-index: 6; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #222; letter-spacing: 0px;">

                                    <div class="tp-caption" id="rs-layer-03-1" data-x="['left','left','left','left']"
                                        data-hoffset="['-10','-10','-10','-10']" data-y="['middle','middle','middle','middle']"
                                        data-voffset="['-100','-90','-90','-100']" data-width="none" data-height="none" data-whitespace="nowrap"
                                        data-type="text" data-responsive_offset="on" data-start="800"
                                        data-frames='[{"delay":"+0","speed":1000,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                        data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]"
                                        data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']"
                                        data-paddingtop="[5,5,5,5]" data-paddingright="[10,10,10,10]" data-paddingbottom="[5,5,5,5]"
                                        data-paddingleft="[10,10,10,10]" data-fontsize="['16', '17', '17', '16']"
                                        data-lineheight="['26', '26', '26', '26']"
                                        style="z-index: 9; white-space: nowrap; font-size: 16px; line-height: 30px; color: #05103b;font-family:'Roboto', sans-serif;font-weight: 700;text-transform: uppercase;border-radius: 5px;">
                                        25 years of experience we provide services
                                    </div>

                                    <!-- LAYER NR. 2 -->
                                    <div class="tp-caption NotGeneric-Title  tp-resizeme" id="rs-layer-02-1" data-x="['left','left','left','left']"
                                        data-hoffset="['-2','-2','-2','-2']" data-y="['middle','middle','middle','middle']"
                                        data-voffset="['30','20','10','-20']" data-width="['850', '820', '600', '400']" data-height="none"
                                        data-whitespace="normal" data-type="text" data-responsive_offset="on"
                                        data-transform_in="x:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
                                        data-transform_out="s:700;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                                        data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-start="500" data-splitin="none" data-splitout="none"
                                        data-margintop="[0,0,0,0]" data-marginright="[0,0,0,0]" data-marginbottom="[0,0,0,0]"
                                        data-marginleft="[0,0,0,0]" data-textAlign="['inherit','inherit','inherit','inherit']"
                                        data-paddingtop="[0,0,0,0]" data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]"
                                        data-paddingleft="[0,0,0,0]" data-fontsize="['75', '60', '50', '40']"
                                        data-lineheight="['85', '80', '65', '50']"
                                        style="z-index: 7;white-space: normal; font-size: 75px; line-height: 60px; font-weight: 700; color: #05103b; letter-spacing: 0px;font-family:'Roboto', sans-serif;">
                                        Buildmart Costruction
                                        Industrial Company
                                    </div>
                                    <!-- LAYER NR. 3 -->
                                </div>
                                <!-- LAYER NR. 1 -->

                                <!-- LAYER NR. 2 -->
                                <div class="tp-caption  " id="rs-layer-04-1" data-x="['left','left','left','left']"
                                    data-hoffset="['375','80','101','20']" data-y="['middle','middle','middle','middle']"
                                    data-voffset="['130','100','100','40']" data-width="450" data-height="none" data-whitespace="normal"
                                    data-type="text" data-responsive_offset="on" data-responsive="off"
                                    data-frames='[{"delay":10,"speed":1500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-textAlign="['inherit','inherit','inherit','inherit']" data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]" data-paddingbottom="[0,0,0,0]" data-paddingleft="[0,0,0,0]"
                                    style="z-index: 5; white-space: normal; font-size: 20px; line-height: 22px; font-weight: 400; color: #444; letter-spacing: 0px;font-family:'Roboto', sans-serif;">
                                    <div class="bd-slider-button">
                                        <a class="b-btn btn-coral" href="#"> <span>get started</span></a>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div>
                    </div>
                </div>
            </div>
            <!-- slider end -->

            <!-- brand-area-start -->
           <div class="brand-area pt-130">
                <div class="container">
                    <div class="brand-border pb-130">
                        <div class="row brand-active">
                            <div class="col-xl-12">
                                <div class="brand-img text-center">
                                    <img src="assets/img/brand/01.png" alt="" />
                                </div>
                            </div>
                            <div class="col-xl-12">
                                <div class="brand-img text-center">
                                    <img src="assets/img/brand/02.png" alt="" />
                                </div>
                            </div>
                            <div class="col-xl-12">
                                <div class="brand-img text-center">
                                        <img src="assets/img/brand/03.png" alt="" />
                                </div>
                            </div>
                            <div class="col-xl-12">
                                <div class="brand-img text-center">
                                        <img src="assets/img/brand/04.png" alt="" />
                                </div>
                            </div>
                            <div class="col-xl-12">
                                <div class="brand-img text-center">
                                        <img src="assets/img/brand/05.png" alt="" />
                                </div>
                            </div>
                            <div class="col-xl-12 text-center">
                                <div class="brand-img">
                                        <img src="assets/img/brand/02.png" alt="" />
                                </div>
                            </div>
                            <div class="col-xl-12">
                                <div class="brand-img text-center">
                                    <img src="assets/img/brand/01.png" alt="" />
                                </div>
                            </div>
                            <div class="col-xl-12">
                                <div class="brand-img text-center">
                                    <img src="assets/img/brand/02.png" alt="" />
                                </div>
                            </div>
                            <div class="col-xl-12">
                                <div class="brand-img text-center">
                                        <img src="assets/img/brand/03.png" alt="" />
                                </div>
                            </div>
                            <div class="col-xl-12">
                                <div class="brand-img text-center">
                                        <img src="assets/img/brand/04.png" alt="" />
                                </div>
                            </div>
                            <div class="col-xl-12">
                                <div class="brand-img text-center">
                                        <img src="assets/img/brand/05.png" alt="" />
                                </div>
                            </div>
                            <div class="col-xl-12 text-center">
                                <div class="brand-img">
                                        <img src="assets/img/brand/02.png" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- brand-area-end -->

            <!-- features-area-start -->
            <div class="features-area pb-100 pt-125">
                <div class="container">
                    <div class="row pb-50">
                        <div class="col-xl-5 col-lg-5">
                            <div class="section-title coral-section mr-40 mb-30">
                                <span>who we are</span>
                                <h1>Quality & Integrity Service Agency</h1>
                            </div>
                        </div>
                        <div class="col-xl-7 col-lg-7">
                            <div class="features-info mb-30">
                                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque lauda rem  aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae</p>
                                <a href="#">learn more <i class="far fa-long-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-4 col-lg-4 col-md-6">
                            <div class="services-02-wrapper services-03-wrapper mb-30">
                                <div class="services-03-icon f-left">
                                    <i class="flaticon-hammer"></i>
                                </div>
                                <div class="services-02-text">
                                    <h3>Quality & Integrity</h3>
                                    <p>We have built our company from grou over the past ten years have</p>
                                    <a href="#">Read More</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6">
                            <div class="services-02-wrapper services-03-wrapper mb-30">
                                <div class="services-03-icon f-left">
                                    <i class="flaticon-roller"></i>
                                </div>
                                <div class="services-02-text">
                                    <h3>Landscape Strategies</h3>
                                    <p>We have built our company from grou over the past ten years have</p>
                                    <a href="#">Read More</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6">
                            <div class="services-02-wrapper services-03-wrapper mb-30">
                                <div class="services-03-icon f-left">
                                    <i class="flaticon-address"></i>
                                </div>
                                <div class="services-02-text">
                                    <h3>Renovation work</h3>
                                    <p>We have built our company from grou over the past ten years have</p>
                                    <a href="#">Read More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- features-area-end -->

            <!-- services-title-area-start -->
            <div class="services-title-area pt-125 pb-340" style="background-image:url(assets/img/bg/bg-7.jpg)">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 offset-lg-3 offset-xl-3">
                            <div class="section-title text-center">
                                <span>what we do</span>
                                <h1>Latest Services</h1>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- services-title-area-end -->

            <!-- services-area start  -->
            <div class="services-area services-coral pb-100">
                <div class="container">
                    <div class="row service-active arrow-style coral-nav">
                        <div class="col-xl-4">
                            <div class="b-services mb-30">
                                <div class="b-services-img">
                                    <img src="assets/img/services/sv-01.jpg" alt="">
                                </div>
                                <div class="b-services-content">
                                    <h3><a href="#">Building Construction</a></h3>
                                    <p>Sed ut perspiciatis unde omnis iste natuser voluptatem accusantium doloremque laudant
                                    us totam rem aperiam eaque</p>
                                    <div class="sv-link">
                                        <a href="#">raed more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4">
                            <div class="b-services mb-30">
                                <div class="b-services-img">
                                    <img src="assets/img/services/sv-02.jpg" alt="">
                                </div>
                                <div class="b-services-content">
                                    <h3><a href="#">Metal Engineering</a></h3>
                                    <p>Sed ut perspiciatis unde omnis iste natuser voluptatem accusantium doloremque laudant
                                    us totam rem aperiam eaque</p>
                                    <div class="sv-link">
                                        <a href="#">raed more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4">
                            <div class="b-services mb-30">
                                <div class="b-services-img">
                                    <img src="assets/img/services/sv-03.jpg" alt="">
                                </div>
                                <div class="b-services-content">
                                    <h3><a href="#">House Construction</a></h3>
                                    <p>Sed ut perspiciatis unde omnis iste natuser voluptatem accusantium doloremque laudant
                                    us totam rem aperiam eaque</p>
                                    <div class="sv-link">
                                        <a href="#">raed more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4">
                            <div class="b-services mb-30">
                                <div class="b-services-img">
                                    <img src="assets/img/services/sv-01.jpg" alt="">
                                </div>
                                <div class="b-services-content">
                                    <h3><a href="#">Building Construction</a></h3>
                                    <p>Sed ut perspiciatis unde omnis iste natuser voluptatem accusantium doloremque laudant
                                    us totam rem aperiam eaque</p>
                                    <div class="sv-link">
                                        <a href="#">raed more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4">
                            <div class="b-services mb-30">
                                <div class="b-services-img">
                                    <img src="assets/img/services/sv-02.jpg" alt="">
                                </div>
                                <div class="b-services-content">
                                    <h3><a href="#">Building Construction</a></h3>
                                    <p>Sed ut perspiciatis unde omnis iste natuser voluptatem accusantium doloremque laudant
                                    us totam rem aperiam eaque</p>
                                    <div class="sv-link">
                                        <a href="#">raed more</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- services-area start  -->

            <!-- about-us-area-start -->
            <div class="about-us-area pb-155">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 mb-30">
                            <div class="about-us-img pos-rel">
                                <img src="assets/img/about/01.jpg" alt="">
                                <div class="about-us-2-img">
                                    <img src="assets/img/about/02.jpg" alt=""> 
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 mb-30">
                            <div class="about-us-wrapper">
                                <div class="section-title coral-section">
                                    <span>our history</span>
                                    <h1>We Have Success In Business Goals</h1>
                                    <p>But I must explain to you how all this mistaken idea of denouncing pleasure and praising paiwas born and I will give complete account</p>
                                </div>
                                <div class="row mt-40">
                                    <div class="col-xl-6 col-lg-6 col-md-6 mb-20">
                                        <div class="single-counter">
                                            <div class="counter-3-icon f-left">
                                                <i class="fal fa-anchor"></i>
                                            </div>
                                            <div class="counter-3-text">
                                                <h1>2000</h1>
                                                <p>Project Done</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xl-6 col-lg-6 col-md-6 mb-20">
                                        <div class="single-counter">
                                            <div class="counter-3-icon f-left">
                                                <i class="fal fa-ball-pile"></i>
                                            </div>
                                            <div class="counter-3-text">
                                                <h1>3500</h1>
                                                <p>Power Plants</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="fea-btn mt-30">
                                    <a class="b-btn btn-coral" href="#">
                                        <span>learn more</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- about-us-area-end -->

             <!-- testimonial-area -->
            <div class="client-area black-bg pt-125 pb-130" style="background-image:url(assets/img/bg/bg-8.jpg)">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 offset-lg-3 offset-xl-3">
                            <div class="section-title white-title text-center mb-70">
                                <span>what our clients say</span>
                                <h1>Clients Testimonials</h1>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-8 col-lg-8 offset-lg-2 offset-xl-2">
                            <div class="client-03-active arrow-style">
                                <div class="client-03-wrapper text-center">
                                    <div class="client-03-icon">
                                        <i class="fal fa-quote-right"></i>
                                    </div>
                                    <div class="client-content">
                                        <p>Sed ut perspiciatis unde omnis iste natus error volutem accusantiu doloremque laudante totam rem aperiam eaque ipsa quaetas site must explain to you how alls this mistak denouncing</p>
                                        <div class="client-text">
                                            <h4>Sonika D. Silva</h4>
                                            <span>web designer</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="client-03-wrapper text-center">
                                    <div class="client-03-icon">
                                        <i class="fal fa-quote-right"></i>
                                    </div>
                                    <div class="client-content">
                                        <p>Sed ut perspiciatis unde omnis iste natus error volutem accusantiu doloremque laudante totam rem aperiam eaque ipsa quaetas site must explain to you how alls this mistak denouncing</p>
                                        <div class="client-text">
                                            <h4>Sonika D. Silva</h4>
                                            <span>web designer</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="client-03-wrapper text-center">
                                    <div class="client-03-icon">
                                        <i class="fal fa-quote-right"></i>
                                    </div>
                                    <div class="client-content">
                                        <p>Sed ut perspiciatis unde omnis iste natus error volutem accusantiu doloremque laudante totam rem aperiam eaque ipsa quaetas site must explain to you how alls this mistak denouncing</p>
                                        <div class="client-text">
                                            <h4>Sonika D. Silva</h4>
                                            <span>web designer</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="client-03-wrapper text-center">
                                    <div class="client-03-icon">
                                        <i class="fal fa-quote-right"></i>
                                    </div>
                                    <div class="client-content">
                                        <p>Sed ut perspiciatis unde omnis iste natus error volutem accusantiu doloremque laudante totam rem aperiam eaque ipsa quaetas site must explain to you how alls this mistak denouncing</p>
                                        <div class="client-text">
                                            <h4>Sonika D. Silva</h4>
                                            <span>web designer</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- testimonial-area end -->

            <!-- work-area-start -->
            <div class="work-area work-02 pt-125 pb-125 pl-55 pr-55">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-8 col-lg-8 offset-lg-2 offset-xl-2">
                            <div class="section-title text-center mb-70">
                                <span>our Latest Works</span>
                                <h1>Discover Most Fascinating Project</h1>
                            </div>
                        </div>
                    </div>
                </div>
                 <div class="container-fluid">
                    <div class="row text-center">
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="b-work position-relative mb-30">
                                <div class="b-work-img">
                                    <img src="assets/img/work/wo-01.jpg" alt="">
                                </div>
                                <div class="b-work-content-2 b-work-content-coral">
                                    <div class="inner-work-2">
                                        <h2><a href="#">Metal Engineering</a></h2>
                                        <p>But I must explain to you how all this
                                            mistaken denouncing pleasure</p>
                                        <div class="b-work-link">
                                            <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="b-work position-relative mb-30">
                                <div class="b-work-img">
                                    <img src="assets/img/work/wo-02.jpg" alt="">
                                </div>
                                <div class="b-work-content-2 b-work-content-coral">
                                    <div class="inner-work-2">
                                        <h2><a href="#">Metal Engineering</a></h2>
                                        <p>But I must explain to you how all this
                                            mistaken denouncing pleasure</p>
                                        <div class="b-work-link">
                                            <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="b-work position-relative mb-30">
                                <div class="b-work-img">
                                    <img src="assets/img/work/wo-03.jpg" alt="">
                                </div>
                                <div class="b-work-content-2 b-work-content-coral">
                                    <div class="inner-work-2">
                                        <h2><a href="#">Metal Engineering</a></h2>
                                        <p>But I must explain to you how all this
                                            mistaken denouncing pleasure</p>
                                        <div class="b-work-link">
                                            <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="b-work position-relative mb-30">
                                <div class="b-work-img">
                                    <img src="assets/img/work/wo-04.jpg" alt="">
                                </div>
                                <div class="b-work-content-2 b-work-content-coral">
                                    <div class="inner-work-2">
                                        <h2><a href="#">Metal Engineering</a></h2>
                                        <p>But I must explain to you how all this
                                            mistaken denouncing pleasure</p>
                                        <div class="b-work-link">
                                            <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="b-work position-relative mb-30">
                                <div class="b-work-img">
                                    <img src="assets/img/work/wo-05.jpg" alt="">
                                </div>
                                <div class="b-work-content-2 b-work-content-coral">
                                    <div class="inner-work-2">
                                        <h2><a href="#">Metal Engineering</a></h2>
                                        <p>But I must explain to you how all this
                                            mistaken denouncing pleasure</p>
                                        <div class="b-work-link">
                                            <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="b-work position-relative mb-30">
                                <div class="b-work-img">
                                    <img src="assets/img/work/wo-06.jpg" alt="">
                                </div>
                                <div class="b-work-content-2 b-work-content-coral">
                                    <div class="inner-work-2">
                                        <h2><a href="#">Metal Engineering</a></h2>
                                        <p>But I must explain to you how all this
                                            mistaken denouncing pleasure</p>
                                        <div class="b-work-link">
                                            <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="b-work position-relative mb-30">
                                <div class="b-work-img">
                                    <img src="assets/img/work/wo-07.jpg" alt="">
                                </div>
                                <div class="b-work-content-2 b-work-content-coral">
                                    <div class="inner-work-2">
                                        <h2><a href="#">Metal Engineering</a></h2>
                                        <p>But I must explain to you how all this
                                            mistaken denouncing pleasure</p>
                                        <div class="b-work-link">
                                            <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-6">
                            <div class="b-work position-relative mb-30">
                                <div class="b-work-img">
                                    <img src="assets/img/work/wo-08.jpg" alt="">
                                </div>
                                <div class="b-work-content-2 b-work-content-coral">
                                    <div class="inner-work-2">
                                        <h2><a href="#">Metal Engineering</a></h2>
                                        <p>But I must explain to you how all this
                                            mistaken denouncing pleasure</p>
                                        <div class="b-work-link">
                                            <a href="#"><i class="far fa-long-arrow-right"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>   
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="work-button mt-30 text-center">
                                <a class="b-btn btn-coral" href="#">
                                    <span>view all project</span>
                                </a>
                            </div>
                        </div>
                    </div>
                 </div>
            </div>
            <!-- work-area-end -->

            <!-- team-area-start -->
            <div class="team-area pb-100">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 offset-lg-3 offset-xl-3">
                            <div class="section-title section-margin text-center mb-75">
                                <span>expert engineer</span>
                                <h1>Meet Our Team Member</h1>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-3 col-lg-3 col-md-6 mb-30">
                            <div class="team-wrapper text-center">
                                <div class="team-img pos-rel">
                                    <img src="assets/img/team/01.jpg" alt="">
                                    <div class="team-icon">
                                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                        <a href="#"><i class="fab fa-behance"></i></a>
                                    </div>
                                </div>
                                <div class="team-text">
                                    <h3>Luis D. Horton</h3>
                                    <span>civil engineer</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-6 mb-30">
                            <div class="team-wrapper text-center">
                                <div class="team-img pos-rel">
                                    <img src="assets/img/team/02.jpg" alt="">
                                    <div class="team-icon">
                                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                        <a href="#"><i class="fab fa-behance"></i></a>
                                    </div>
                                </div>
                                <div class="team-text">
                                    <h3>Clarence Roberson</h3>
                                    <span>Construction engineer</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-6 mb-30">
                            <div class="team-wrapper text-center">
                                <div class="team-img pos-rel">
                                    <img src="assets/img/team/03.jpg" alt="">
                                    <div class="team-icon">
                                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                        <a href="#"><i class="fab fa-behance"></i></a>
                                    </div>
                                </div>
                                <div class="team-text">
                                    <h3>Michael Barboza</h3>
                                    <span>Metal engineer</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-6 mb-30">
                            <div class="team-wrapper text-center">
                                <div class="team-img pos-rel">
                                    <img src="assets/img/team/04.jpg" alt="">
                                    <div class="team-icon">
                                        <a href="#"><i class="fab fa-facebook-f"></i></a>
                                        <a href="#"><i class="fab fa-twitter"></i></a>
                                        <a href="#"><i class="fab fa-instagram"></i></a>
                                        <a href="#"><i class="fab fa-behance"></i></a>
                                    </div>
                                </div>
                                <div class="team-text">
                                    <h3>Brian A. Salazar</h3>
                                    <span>Electrical engineer</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- team-area-end -->

            <!-- blog-area-start -->
            <div class="blog-area blog-bg pos-rel">
                <div class="blog-bg-img d-none d-md-block" style="background-image:url(assets/img/bg/video-02.jpg)">
                    <div class="play-video-icon">
                        <a class="popup-video play-btn-style" href="https://www.youtube.com/watch?v=LTXD6XZXc3U"><i class="fal fa-play"></i></a>
                     </div>
                </div>
                <div class="container-fluid">
                    <div class="col-xl-6 offset-xl-6 col-lg-6 offset-lg-6">
                        <div class="blog-box pt-125 pb-110 pl-100 pr-150">
                            <div class="section-title mb-60">
                                <span>articles & tips</span>
                                <h1>Latest News & Blog</h1>
                            </div>
                            <div class="single-blog single-02-blog mb-20">
                                <div class="blog-text">
                                    <div class="blog-meta">
                                        <span> <i class="far fa-calendar-alt"></i> 05 Feb 2019</span>
                                        <span> <a href="blog-details.html"><i class="far fa-comment"></i> Comments (03)</a></span>
                                    </div>
                                    <h4><a href="blog-details.html">Monthly Web Development Was WebP State Of  Low Stress.User Experience Psychology Performance Smashing Videos</a></h4>
                                    <a href="blog-details.html">Read More <i class="dripicons-arrow-thin-right"></i></a>  
                                </div>
                            </div>
                            <div class="single-blog single-02-blog mb-20">
                                <div class="blog-text">
                                    <div class="blog-meta">
                                        <span> <i class="far fa-calendar-alt"></i> 05 Feb 2019</span>
                                        <span> <a href="blog-details.html"><i class="far fa-comment"></i> Comments (03)</a></span>
                                    </div>
                                    <h4><a href="blog-details.html">Monthly Web Development Was WebP State Of  Low Stress.User Experience Psychology Performance Smashing Videos</a></h4>
                                    <a href="blog-details.html">Read More <i class="dripicons-arrow-thin-right"></i></a>  
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- blog-area-end -->

            <!-- contact-area-start -->
            <div class="contact-area pt-130 pb-100">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-5 col-lg-5 mb-30">
                            <div class="map-wrapper mb-30">
                                <div id="contact-map" class="sup-2-map"></div>
                            </div>
                        </div>
                        <div class="col-xl-7 col-lg-7 mb-30">
                            <div class="appointment-wrapper ml-50">
                                <div class="section-title mb-40">
                                    <span>message us</span>
                                    <h1>Leave A Message</h1>
                                </div>
                                <form id="appointment-form" action="#">
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="form-box user-icon mb-10">
                                                <input type="text" name="name" placeholder="Name Here :">
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="form-box phone-icon mb-10">
                                                <input type="text" name="text" placeholder="Phone No :">
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="form-box email-icon mb-10">
                                                <input type="text" name="email" placeholder="Email Address">
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="form-box message-icon mb-10">
                                                <textarea name="message" id="message" cols="30" rows="10" placeholder="Message here"></textarea>
                                            </div>
                                            <div class="appointment-button">
                                                <button class="b-btn btn-coral"><span>send message</span></button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div> 
                    </div>
                </div>
            </div>
            <!-- contact-area-end -->
           <!-- brand-area-start -->

        </main>


        <!-- footer-area-start -->
        <footer>
            <div class="footer-widget-area footer-coral blue-bg pt-80"> 
                <div class="container">
                    <div class="row">
                        <div class="col-xl-3 col-lg-3 col-md-6">
                            <div class="footer-wrapper mb-30">
                                <div class="footer-2-logo">
                                    <a href="index.html"><img src="assets/img/logo/coral-logo.png" alt=""></a>
                                </div>
                                <div class="footer-text footer-2-text">
                                    <p>But I must explain to you how all this mist aken idea of denouncing pleasure and prais ing pain was born</p>
                                    <a href="#">Continue Reading</a>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-6">
                            <div class="footer-wrapper pl-55 mb-30">
                                <h3 class="footer-title">Quick Links</h3>
                                <div class="footer-link">
                                    <ul>
                                        <li><a href="#">About Company</a></li>
                                        <li><a href="#">Latest Projects</a></li>
                                        <li><a href="#">Lastest From Blog</a></li>
                                        <li><a href="#">Our Mission</a></li>
                                        <li><a href="#">Our Testimonials</a></li>
                                        <li><a href="#">Contact Us</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-2 col-md-6">
                            <div class="footer-wrapper  mb-30">
                                <h3 class="footer-title">Company</h3>
                                <div class="footer-link">
                                    <ul>
                                        <li><a href="#">Need A Job ?</a></li>
                                        <li><a href="#">Meet Our Team</a></li>
                                        <li><a href="#">Setting & Privacy</a></li>
                                        <li><a href="#">What We Do?</a></li>
                                        <li><a href="#">Need Helps?</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-6">
                            <div class="footer-wrapper pl-25 mb-30">
                                <h3 class="footer-title">Subscribe</h3>
                                <div class="subscribes-form">
                                    <form action="#">
                                        <input placeholder="Enter your email" type="email">
                                        <button><i class="far fa-long-arrow-right"></i></button>
                                    </form>
                                </div>
                                <div class="footer-3-icon">
                                    <span>Social Links</span>
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                    <a href="#"><i class="fab fa-google"></i></a>
                                    <a href="#"><i class="fab fa-dribbble"></i></a>
                                    <a href="#"><i class="fab fa-behance"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> 
                <div class="footer-bottom-area mt-40 pb-25">
                    <div class="container">
                        <div class="footer-bottom-border pt-25">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="copyright text-center col-md-left">
                                        <p>Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="https://www.sucaihuo.com/">网站模板</a></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>   
                </div>  
            </div>
        </footer>
        <!-- footer-area-end -->



		<!-- JS here -->
        
		<script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
        <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
        <script src="assets/js/popper.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/isotope.pkgd.min.js"></script>
        <script src="assets/js/slick.min.js"></script>
        <script src="assets/js/jquery.meanmenu.min.js"></script>
        <script src="assets/js/ajax-form.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/jquery.scrollUp.min.js"></script>
        <script src="assets/js/jquery.counterup.min.js"></script>
        <script src="assets/js/waypoints.min.js"></script>
        <script src="assets/js/imagesloaded.pkgd.min.js"></script>
        <script src="assets/js/jquery.magnific-popup.min.js"></script>
        <script src="https://ditu.google.cn/maps/api/js?key=AIzaSyCo_pcAdFNbTDCAvMwAD19oRTuEmb9M50c"></script>
        <script src="assets/js/plugins.js"></script>
        <script src="assets/js/main.js"></script>

         <!-- Slider Revolution core JavaScript files -->
         <script type="text/javascript" src="assets/rs/js/jquery.themepunch.tools.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/jquery.themepunch.revolution.min.js"></script>
         <script src="assets/rs/js/revolution-active.js"></script>

         <!-- Slider Revolution extension scripts. ONLY NEEDED FOR LOCAL TESTING -->
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.actions.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.carousel.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.kenburn.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.layeranimation.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.migration.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.navigation.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.parallax.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.slideanims.min.js"></script>
         <script type="text/javascript" src="assets/rs/js/extensions/revolution.extension.video.min.js"></script>
    </body>
</html>